<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        input属性 
            1、type设置控件类型
            2、name输入元素标识（相当于给输入元素“命名”，在“提交表单”时可以快速获取到输入内容）
                例如：给姓名控件添加name为username，给密码控件添加name为userpassword，则可以在提交时快速获取输入内容
            3、value默认值
                【1】应用到按钮类元素时，value表示按钮显示内容，例如<input type="submit" value="登录">
                【2】应用到输入元素时，value则表示初始情况下输入框默认值
            4、size视觉尺寸--不推荐使用，因为存在兼容问题，无法精确到像素px级
            5、maxlength最大输入长度、minlength最小输入长度
                常用于限制输入内容
            6、placeholder提示语
                place控件、holder占据--专业术语（占位符）
                作用：用来提示用户输入内容
                注意：内容为空时正常展示，输入内容后消失
            7、required必填项属性
            8、type为number和type为text的区别：
                移动端测试时软键盘的优化
    -->

    <!-- 登录表单 -->
    <form>
        姓名：<input type="text" name="username" placeholder="请输入用户名" value="二狗" size="10" required>
        <br>
        密码：<input type="password" name="userpassword" placeholder="请输入密码" maxlength="6" minlength="3">
        <br>
        年纪：<input type="number" name="age" placeholder="请输入您的年纪">
        <br>
        <input type="submit" value="登录">
    </form>
</body>
</html>